<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/ico/favicon.png">
    
  <title>松森机械</title>

    <!-- Bootstrap core CSS -->
    <link href="dist/css/bootstrap.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->

    <!-- Custom styles for this template -->
    <link href="assets/css/docs.css" rel="stylesheet">
    <link href="css/user-defined.css" rel="stylesheet">
    <link href="css/carousel.css" rel="stylesheet">
    <link href="css/myCss.css" rel="stylesheet" >
    <!--<link href="jQuery  ui/css/demos.css" rel="stylesheet" type="text/css">-->
    <link href="jQuery  ui/css/jquery.ui.tabs.css" rel="stylesheet" type="text/css">
    <link href="jQuery  ui/css/jquery-ui.css" rel="stylesheet" type="text/css">
    <link href="jQuery  ui/source/jquery.fancybox.css" rel="stylesheet" type="text/css">
  </head>
<!-- NAVBAR
================================================== -->
  <body>
   <div id="allDiv"><!--这里设了一个宽度为80%的整体div-->
   
   
    <div class="navbar-wrapper">
      <div class="container">
    <!--导航部份-->
        <div  id="navDiv" class="navbar navbar-inverse navbar-static-top  navbar-default navbar-fixed-top" role="navigation" ><!--控制导航条在顶部-->
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <span class="navbar-brand" id="AsongNav">ASong</span>
            </div>
            <div  id="collapseDiv" class="navbar-collapse collapse">
              <ul class="nav navbar-nav navbar-right">
                <li class="active" id="homeLi"><a href="#">首页</a></li>
                <li id="hostLi"><a href="#chanping">产品介绍</a></li>
                <li id="hostLi"><a href="#tongye">同业比较</a></li>
                <li id="hostLi"><a href="#qiye">企业介绍</a></li>
                <li id="hostLi"><a href="#lianxi">联系我们</a></li>                
              </ul>
            </div>
          </div>
        </div>

      </div>
    </div>
<!--导航结束-->
   <div id="advDiv"><font>做最好的Prowerfeed</font></div>
    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide">
      <!-- Indicators -->
      <ol class="carousel-indicators" id="olcss">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="item active">
          <img src="images/L1000140.jpg"  alt="First slide">
         <!-- <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
            </div>
          </div>-->
        </div>
        <div class="item">
          <img src="images/L1000124.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Another example headline.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              
            </div>
          </div>
        </div>
        <div class="item">
          <img src="images/L1000130.jpg" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>One more for good measure.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><img  id="dir" src="images/left.png" id="images"></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><img  id="dir" src="images/right.png" id="images"></a>
    </div><!-- /.carousel -->

<!--==================================================================图片轮播完==========================-->

<div class="container marketing">
 
   <div id="productAll"><!--包含整个产品介绍部分-->
   <h2 class="h2-bottom" id="chanping"><font id="fontWord">产品介绍/Product Presentation</font></h2>
    
    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

     <div id="tabsAll"><!--tabsAll-->
      <!-- Three columns of text below the carousel -->
      <div id="tabs">
          <div id="ul-li">
              <ul id="tabsul">
                <li><a href="#tabs-1"><span>进给器<span class="glyphicon glyphicon-chevron-right"></span></span></a></li>
                <li><a href="#tabs-2"><span>T型螺母<span class="glyphicon glyphicon-chevron-right"></span></span></a></li>
                <li><a href="#tabs-3"><span>卧式进到器<span class="glyphicon glyphicon-chevron-right"></span></span></a></li>
              </ul>
           </div ><!--ul-li--> <!--=================================================================tabs-1===================================================-->
        <div id="tabs-1">
              <div class="row">
                    <div class="col-lg-3 col-xs-3 col-md-3">
                         <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                        
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                         
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                          <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                           <img  id="imgtabs" src="images/tabs1img.jpg"  alt="Generic placeholder image">
                         
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                         
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                         <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                         
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                          
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                        <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                         
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                         
                    </div><!-- /.col-lg-3 -->
                      <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                         <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                         
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                       
                    </div><!-- /.col-lg-3 -->
             </div><!-- /.row -->
        </div><!--tabs-1-->
        
    <!--=======================================================tabs-2================================================================-->    
          <div id="tabs-2">
              <div class="row">
                    <div class="col-lg-3 col-xs-3 col-md-3">
                         <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                         
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                         
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                       <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                        
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                         </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                          
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                        <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                        
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                         </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                          
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                        <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                          
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                         
                    </div><!-- /.col-lg-3 -->
                      <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                         <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                         <p class="btn btn-large btn-primary">卧式进刀器</p>
                         </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                         
                    </div><!-- /.col-lg-3 -->
             </div><!-- /.row -->
        </div><!--tabs-2-->
    <!--=================================================================tabs-3===================================================-->    
     
          <div id="tabs-3">
              <div class="row">
                    <div class="col-lg-3 col-xs-3 col-md-3">
                        <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                          
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                          
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                        <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                         
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                          </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                          
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                         <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                        
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                         </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                          
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                        <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                        
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                         </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                         
                    </div><!-- /.col-lg-3 -->
                      <div class="col-lg-3 col-xs-3 col-md-3" id="tabsleft">
                        <a rel="gallery" class="fancybox" href="images/L1000140.jpg" title="卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器">
                          <img id="imgtabs" src="images/tabs1img.jpg" alt="Generic placeholder image">
                        
                          <p class="btn btn-large btn-primary">卧式进刀器</p>
                         </a>
                          <p>卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器卧式进刀器是一种高科技紧密的仪器</p>
                         
                    </div><!-- /.col-lg-3 -->
             </div><!-- /.row -->
        </div><!--tabs-3-->
        
        
        
        
   </div><!--tabs-->
     </div><!--tabsAll-->
     
</div><!--productAll结束-->
<!--===========================================产品介绍完================================================-->
      <!-- START THE FEATURETTES -->
<!--   同业比较      user-defined自定义样式
    ================================================== -->
<div class="container-indus"><!--最外层container-->
	<h2 class="h2-bottom" id="tongye"><font id="fontWord">同业比较/Industry Comparison</font></h2>
	<div class="row"><!--最外层row分三栏-->
  	<div class="col-md-5 col-xs-5"><!--左边分栏-->
    	<div class="row"><!--左边分栏row-->
      	<div class="col-md-12 col-xs-12 topKong"></div>
      	<h3 class="col-md-12 col-xs-12"><!--旗下网站-->
          <div class="col-md-1 col-xs-1 xiaotb"></div>
          <strong>旗下网站</strong>
        </h3>
        <p class="col-md-12 col-xs-12 ptext-right" style="text-indent:2em">
        <small>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台户</small>
        </p>
        <p class="col-md-12 col-xs-12 ptext-right" style="text-indent:2em">
        <small>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童成长健康</small>
        </p><!--结束-->
        <h3 class="col-md-12 col-xs-12"><!--灵动的设计-->
          <div class="col-md-1 col-xs-1 lingd"></div>
          <strong>灵动的设计</strong>
        </h3>
        <p class="col-md-12 col-xs-12 ptext-right">
        <small>好的设计理念至关重要，它不仅是设计的精髓所在，而且能令网站具有
        <font color="#2D86B2">个性化、专业化和与众不同的效果</font>。您只需要告诉我们您的请求，剩下的一切就交给我们的设计师吧！儿童成长健康</small>
        </p><!--结束-->
        <h3 class="col-md-12 col-xs-12"><!--放心的托管服务-->
          <div class="col-md-1 col-xs-1 fanxin"></div>
          <strong>放心的托管服务</strong>
        </h3>
        <p class="col-md-12 col-xs-12 ptext-right">
        <small>没有网站运营工程师，黑客入侵，数据丢失，无法及时响应需求变化，SEO毫无头绪等大多数用户会遇到的问题，我们可以为您解决。
        <font color="#2D86B2">7*12小时实时监控，让您的网站远离病毒、攻击、黑客</font>。</small>
        </p><!--托管介绍结束-->
        <div class="col-md-12 col-xs-12 bottomKong"></div>
      </div><!--左侧row结束-->
    </div>
    <div class="col-md-2 col-xs-1"><!--中间分栏-->
    	<div class="row">
      	<div class="col-md-12 col-xs-12">
        	<img src="images/asonLogo.png" id="asonLogo">
        </div>
        <div class="col-md-12 col-xs-12 relative">
        	<img src="images/repeatAsong.png" id="repeatAsong">
        </div>     
      </div>
    </div>
    <div class="col-md-5 col-xs-5"><!--右边分栏-->
    	<div class="row"><!--右边分栏row-->
      	<div class="col-md-12 col-xs-12 topKong"></div>
      	<h3 class="col-md-12 col-xs-12"><!--专业研发-->
          <div class="col-md-1 col-xs-1 zhuanye"></div>
          <strong>专业研发</strong>
        </h3>
        <p class="col-md-12 col-xs-12 ptext-right">
        <small>无论是复杂的功能站还是交互表现站，电子商务、SNS、企业站群、信息网络、脱机应用……我们都有丰富的解决方案。我们拒绝CMS套用模板的开发方式，为您
        <font color="#2D86B2">实现真正的办公自动化</font>。同时我们还承接中间件、特殊功能项目研发、大型复杂功能站研发。</small>
        </p><!--研发结束-->
        <h3 class="col-md-12 col-xs-12"><!--成熟运营-->
          <div class="col-md-1 col-xs-1 chenshu"></div>
          <strong>成熟的运营</strong>
        </h3>
        <p class="col-md-12 col-xs-12 ptext-right">
        <small>我们成熟的运营团队为您进行SEO优化，做精准的推广，增加客户转化率。我们SEO团队将您的网站包装成
        <font color="#2D86B2">搜索引擎最为喜欢的网站！</font></small>
        </p><!--运营结束-->
        <h3 class="col-md-12 col-xs-12"><!--精准需求分析-->
          <div class="col-md-1 col-xs-1 jingzhun"></div>
          <strong>精准的需求分析</strong>
        </h3>
        <p class="col-md-12 col-xs-12 ptext-right">
        <small>我们认为需求分析并非简单的了解用户所阐述的需求，用户并非专业也的项目经理且没有丰富的需求分析经验。我们要做的是帮助用户
        <font color="#2D86B2">引导出用户"真正"的需求</font>，将用户潜在的没有想到的需求一一向用户罗列出来，从源头解决重构、二次开发的可能性。</small>
        </p><!--需求分析结束-->
        <div class="col-md-12 col-xs-12 bottomKong"></div>
      </div>
    </div>
  </div>
</div><!--同业比较结束-->
    
    

<!--    企业介绍/About Us     
    ================================================== --> 
<div class="container">  
  <div class="row">
    <h2 class="h2-bottom" id="qiye"><font id="fontWord">企业介绍/About Us</font></h2>
    <div class="col-md-12 col-xs-12">
    <p style="text-indent:2em">青岛松森机械有限公司成立于1991年，一直致力于ASONG品牌的各类电动工具及动力进给器的研制并始终处于该类产品的领先地位，是集开发、生产、销售、售后为一体的机械制造公司，公司一直以质量为本，严格的工艺要求及检测手段，确保产品质量。深得国内外用户信赖，主要产品出口欧美、中东及国内各大机床厂配套使用。公司主力产品进给器（POWER FEED）与电动启棱器，其中动力进给器有着二十余年的生产经验，除了主流配套炮塔铣实现自动走刀外，还开发了能够配合使用钻床的卧式进给器（AS235-W型）以及适合国内用户大幅度使用电压为220V、欧洲客户为240V系列，产品基本能够配套各种无自动走刀的机床联接问题（炮塔铣、钻铣床、摇臂钻、手动磨床、小型传送机械等），为终端客户大幅度提高生产效率提供服务。</p>
    <p style="text-indent:2em">公司位于山东青岛市环保产业园，拥有雄厚的技术力量和加工能力及完善的售后服务体系，二十余年来一直注重信誉为本，质量为本的经营理念，连续多年被评为青岛市守合同重信誉企业，公司产品也被多次国家商品检验局抽查检测为合格出口产品，产品的主要电子元件均使用欧美、韩日大品牌，为了确保产品质量，电机等关键部件为本公司自己生产，确保一流的产品质量与性能。我们绝不满足于现有的成绩，不断发展壮大是我们的追求，为您提供最新产品始终是我们的任务,我们将一如既往地追求与您的合作,并为您做好服务是我们唯一的目标。</p>
    </div>
  </div>
</div><!--企业介绍结束-->

<!--  联系我们      
    ================================================== -->
<div class="container-calls">
	<h2 class="h2-bottom" id="lianxi"><font id="fontWord">联系我们/Contact Us</font></h2>
	<div class="row">
    <div class="col-lg-2 col-xs-2">
    	<img src="images/addres.png" id="Addres" />
      <div class="addo">
        <h3 class="col-md-12"><strong>地址</strong></h3>
        <p><small>青岛环保产业园<br>邮编 : 266201</small></p>
      </div>
    </div>
    <div class="col-lg-2 col-xs-2">
    	<img src="images/lianxiren.png" id="lianxiren" />
      <div class="lianxir">
        <h3 class="col-md-12"><strong>联系人</strong></h3>
        <p style="text-indent:30px">孙涛斌</p>
      </div>
    </div>
    <div class="col-lg-2 col-xs-2">
    	<img src="images/dianhua.png" id="lianxiren" />
      <div class="dianhu">
        <h3 class="col-md-12"><strong>电话</strong></h3>
        <p><small>0532-87525633<br>0523-87525779<br>13963901111</small></p>
      </div>
    </div>
    <div class="col-lg-2 col-xs-2">
    	<img src="images/youxiang.png" id="lianxiren" />
      <div class="gmail">
        <h3 class="col-md-12"  style="text-indent:35px"><strong>邮箱</strong></h3>
        <p><small>suntaobin@songsenjixie.com</small></p>
      </div>
    </div>
    <div class="col-lg-2 col-xs-2">
    	<img src="images/chuanzheng.png" id="lianxiren" />
      	<div class="chuanz">
          <h3 class="col-md-12"><strong>传真</strong></h3>
          <p><small>0532-87525838</small></p>
        </div>
    </div>
  </div>
</div><!--联系我们结束-->
    

<!--  Footer底部      
    ================================================== -->
	<footer class="modal-footer">
  <div class="row">
  	<div id="nav-ul" class="col-md-6 col-xs-6"><!--footer左边-->  
    	<ul class="nav navbar-nav navbar-left">
      	<li><a href="#">首页</a></li>
        <li><a href="#chanping">产品介绍</a></li>
        <li><a href="#tongye">同业比较</a></li>
        <li><a href="#qiye">企业介绍</a></li>
        <li><a href="#lianxi">联系我们</a></li>
      </ul>
      <p class="text-left"><small><font color="#ccc">Copyright © 2013-2014 asong.com All rights reserved<br>ASONG科技有限公司版权所有</font></small></p>
    </div>
    <div id="contact" class="col-md-4 col-xs-4">  <!--footer右边-->   
      <div class="col-md-1 col-xs-1" id="calls4"></div>
     <a> <h3 class="text-left">400-1254-632</h3></a>
      <div class="icon col-md-12 col-xs-12">
        <div class="qqicon col-md-4 col-xs-4">
        	<a><img src="images/qqfot.png"><p>在线客服</p></a>
        </div>
        <div class="slicon col-md-8 col-xs-8">
        	<a><img src="images/sinlan.png"><p>官方微博</p></a>
        </div>
      </div>
    </div>
  </div>
  </footer><!--底部结束-->

    </div><!-- /.container -->

 </div><!--一个宽度为80%的整体div结束-->
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/js/jquery.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <script src="assets/js/holder.js"></script>
    
    
    <!--jQuery ui tabs 部分的js-->
    <script src="jQuery  ui/js/jquery-1.9.1.js"></script>
    <script src="jQuery  ui/js/jquery-ui.js"></script>
    <script>
	  $(function() {
		$( "#tabs" ).tabs({
		  event: "mouseover"
		});
	  });
    
  </script>
  
  <!--=================================产品介绍图片弹出js=====================================-->
  <script src="jQuery  ui/source/jquery.fancybox.js"></script>
     <script language="javascript">
    $(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(58, 42, 45, 0.95)'
            }
        }
    }
});
   
 </script>
  </body>
</html>
